<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>用户登陆</title>
    <link type="text/css" href="https://api.weibo.com/oauth2/css/oauthV3/oauth_web.css?version=20140625" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <!--<h1>Login</h1>-->
        <!--<form class="form-horizontal">-->
            <!--<div class="form-group">-->
                <!--<label for="mobilePhone" class="col-sm-2 control-label">mobilePhone</label>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="number" class="form-control" id="mobilePhone" placeholder="mobilePhone">-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="form-group">-->
                <!--<label for="password" class="col-sm-2 control-label">Password</label>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="password" class="form-control" id="password" placeholder="Password">-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="form-group">-->
                <!--<div class="col-sm-offset-2 col-sm-10">-->
                    <!--<button type="submit" class="btn btn-default">Sign in</button>-->
                <!--</div>-->
            <!--</div>-->
        <!--</form>-->

        <form id="authZForm" name="authZForm" action="/aligenie/authorize" method="post" node-type="form">
            <div class="oauth_content" node-type="commonlogin">
                <p class="oauth_main_info">使用你的帐号访问  <a href="http://app.weibo.com/t/feed/37xdvD"  target="_blank" class="app_name"><span th:text="${clientName}"></span></a>
                    ，并同时登录</p>
                <!-- 登录 -->
                <div class="oauth_login clearfix">
                    <input type="hidden" name="action"  id="action" value="login"/>
                    <input type="hidden" name="response_type" th:value="${response_type}"/>
                    <input type="hidden" name="redirect_uri" th:value="${redirect_uri}"/>
                    <input type="hidden" name="client_id" th:value="${client_id}"/>
                    <input type="hidden" name="state" th:value="${state}"/>
                    <input type="hidden" name="scope" id="scope" th:value="${scope}"/>
                    <div class="oauth_login_form">
                        <p class="oauth_login_01" >
                            <label class="oauth_input_label">帐号：</label>
                            <input type="text" class="WB_iptxt oauth_form_input" id="mobilePhone" name="mobilePhone"  th:value="16620069844" autocomplete="off" tabindex="1" />
                        </p>
                        <p>
                            <label class="oauth_input_label">密码：</label>
                            <input type="password" class="WB_iptxt oauth_form_input" id="password" name="password" th:value="admin" autocomplete="off" tabindex="2"/>
                        </p>
                    </div>
                    <!-- </form> -->
                    <div class="tips WB_tips_yls WB_oauth_tips" node-type="tipBox" style="display:none">
                        <span class="WB_tipS_err"></span><span class="WB_sp_txt" node-type="tipContent" ></span>
                        <span class="arr" node-type="tipArrow"></span>
                        <a href="javascript:;" class="close" node-type="tipClose"></a>
                    </div>
                </div>
                <div class="oauth_login_box01 clearfix">
                    <div class="oauth_login_submit">
                        <p class="oauth_formbtn">
                            <a onclick="return login();" node-type="submit" tabindex="4" action-type="submit"  href="javascript:void(0)" class="WB_btn_login formbtn_01"></a>
                            <a node-type="cancel" tabindex="5" href="javascript:;" action-type="cancel" class="WB_btn_cancel"></a>
                        </p>
                    </div>

                </div>
                <!-- /登录 -->
            </div>
        </form>
    </div>
</div>
<!--<span th:text="${str}"></span>-->
<!--<hr/>-->
<!--name:<span th:text="${user.name}"></span><br/>-->
<!--age:<span th:text="${user.age}"></span>-->
<!--<hr/>-->
<!--<h3>循环主题加内容</h3>-->
<!--<div th:each="l:${list}">-->
    <!--<span th:text="${l.name}"></span>-->
    <!--<span th:text="${l.age}"></span>-->
<!--</div>-->
<!--<h3>下拉列表</h3>-->
<!--<select >-->
    <!--<option th:each="l:${list}" th:value="${l.age}" th:text="${l.name}" th:selected="${l.age==46}"> </option>-->
<!--</select>-->

<!--<h3 > 图片</h3>-->
<!--<img th:src="${imgsrc}"/>-->


<script type="text/javascript">
    window.onload=function(){
        window.login=function(){
            var authForm= document.getElementById("authZForm");
            authForm.submit();
        }
    }
</script>

</body>
</html>